<template>
  <div>
    <Vheader title="商家店铺"></Vheader>
    <div class="v-wrapper" ref="businessShop">
      <div class="v-container">
        <div class="business-logo"><img src="../../common/images/timg.jpg" alt=""></div>
        <div class="shop-public-wrapper business-content">
          <div class="shop-item">
            <div class="shop-img"><img src="../../common/images/shop2.png" alt=""></div>
            <div class="shop-description">四川特产美食麻辣小吃 冷吃兔120g卤味</div>
            <div class="shop-price"><span>￥17.4</span><span>￥24.00</span></div>
          </div>
          <div class="shop-item">
            <div class="shop-img"><img src="../../common/images/shop2.png" alt=""></div>
            <div class="shop-description">四川特产美食麻辣小吃 冷吃兔120g卤味</div>
            <div class="shop-price"><span>￥17.4</span><span>￥24.00</span></div>
          </div>
          <div class="shop-item">
            <div class="shop-img"><img src="../../common/images/shop2.png" alt=""></div>
            <div class="shop-description">四川特产美食麻辣小吃 冷吃兔120g卤味</div>
            <div class="shop-price"><span>￥17.4</span><span>￥24.00</span></div>
          </div>
          <div class="shop-item">
            <div class="shop-img"><img src="../../common/images/shop2.png" alt=""></div>
            <div class="shop-description">四川特产美食麻辣小吃 冷吃兔120g卤味</div>
            <div class="shop-price"><span>￥17.4</span><span>￥24.00</span></div>
          </div>
          <div class="shop-item">
            <div class="shop-img"><img src="../../common/images/shop2.png" alt=""></div>
            <div class="shop-description">四川特产美食麻辣小吃 冷吃兔120g卤味</div>
            <div class="shop-price"><span>￥17.4</span><span>￥24.00</span></div>
          </div>
          <div class="shop-item">
            <div class="shop-img"><img src="../../common/images/shop2.png" alt=""></div>
            <div class="shop-description">四川特产美食麻辣小吃 冷吃兔120g卤味</div>
            <div class="shop-price"><span>￥17.4</span><span>￥24.00</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import Vheader from '../../components/header.vue'
  import BScroll from 'better-scroll'

  export default {
    data() {
      return {}
    },
    mounted(){
      this._initScroll();
    },
    methods: {
      _initScroll: function () {
        this.scroll = new BScroll(this.$refs.businessShop,{click:true})
      }
    },
    components: {Vheader}
  }
</script>

<style type="text/scss" lang="scss">
  @import "../../common/style/public";

  .business-logo {
    width: 100%;
    height: 120px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .business-content {
    width: 100%;
    margin-top: 5px;
  }
</style>
